﻿# Туристическое агентство

## Описание

Вас хочет нанять на работу крупное туристическое агентство. Основная часть пользователей сервиса использует его с мобильных устройств, поэтому работа над ним идет по принципу Mobile First. 

В качестве тестового задания вам предложено изменить имеющийся код вывода карточек городов согласно принципу Mobile First. При этом внешне результат не должен поменяться. Сейчас страница с карточками на десктопных экранах выглядит так:

![Travel agency main page layout](../../sources/breakpoints-agency-current.jpg)

А на экранах мобильных устройств — так:

![Travel agency main page layout small screen](../../sources/breakpoints-agency-small.jpg)

## Процесс реализации
1. В начале работы добавьте в тег `<head>` следующий мета-тег `<meta name="viewport" content="width=device-width, initial-scale=1.0">`.
1. Перепишите код согласно принципу Mobile First.
1. Отсортируйте медиа-запросы согласно принципу Mobile First.

Внесите изменения во вкладке CSS. Перед началом работы сделайте форк пена на [https://codepen.io/Netology/pen/WXyEqp](https://codepen.io/Netology/pen/WXyEqp)
